<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>register</title>
    <link rel="stylesheet" href="../css/left_nav.css">
    <link rel="stylesheet" href="../css/right_nav.css">
    <link rel="stylesheet" href="../css/bottom_nav.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../css/car.css">
    <script src="../js/register.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
</head>

<body>
    <div class="register_box">
        <div class="left"></div>
        <div class="center">
            <form action="" class="register">
                <a href="../html/login.html">
                    < 返回登录 </a> <div class="login_bottom">
                        <p>
                            <span>创建新账户</span>
                            <span>*必填项</span>
                        </p>
                        <ul>
                            <li>使用心愿单保存心仪的商品</li>
                            <li>更快速的完成付款</li>
                            <li>实时追踪您的订单</li>
                        </ul>
        </div>
        <ul class="r_ul">
            <li>
                <label for="">称谓*</label>
                <div>
                    <p>
                        <input type="checkbox">
                        <label for="">先生</label>
                    </p>
                    <p>
                        <input type="checkbox">
                        <label for="">女士</label>
                    </p>
                    <p>
                        <input type="checkbox">
                        <label for="">君</label>
                    </p>
                    <p>
                        <input type="checkbox">
                        <label for="">暂不透露</label>
                    </p>
                </div>
            </li>
            <li>
                <p>
                    <label for="">姓氏*</label>
                    <input type="text" placeholder="请输入姓氏" class="surname">
                    <span class="surnameError"></span>
                </p>
                <p>
                    <label for="">名字*</label>
                    <input type="text" placeholder="请输入名字" class="name">
                    <span class="nameError"></span>
                </p>
            </li>
            <li>
                <label for="">生日</label>
                <div>
                    <input type="text" placeholder="年" class="years">
                    <input type="text" placeholder="月" class="month">
                    <input type="text" placeholder="日" class="day">
                </div>
                <span class="birthdayError"></span>
            </li>
            <li>
                <label for="">手机号码*</label>
                <input type="text" placeholder="请输入手机号码" class="phoneNumber">
                <span class="phoneError"></span>
            </li>
            <li>
                <label for="">图形验证码</label>
                <p>
                    <input type="text" placeholder="请输入图形验证码" class="yanzhengma">
                    <span class="yanzheng">点击获取</span>
                    <span class="yanzhengError"></span>
                </p>
            </li>
            <li>
                <label for="">手机验证码*</label>
                <p>
                    <input type="text" placeholder="请输入手机验证码" class="phoneyanzhengma">
                    <a href="" class="phoneyanzheng">获取验证码</a>
                </p>
                <span class="p_Error"></span>
            </li>
            <li>
                <label for="">电子邮箱</label>
                <input type="text" placeholder="请输入电子邮箱" class="Email">
                <span class="E_error"></span>
            </li>
            <li>
                <label for="">密码*</label>
                <p>
                    <input type="password" placeholder="请设置您的密码" class="passWord">
                    <i class="iconfont icon-mimakejian"></i>
                </p>
                <p class="passError">
                    <span>请根据规则设置安全密码：</span>
                    <span>至少包含8个字符</span>
                    <span>至少包含1个大写字母</span>
                    <span>至少包含1个特殊字符，如!+,-./:;==>?@</span>
                    <span>至少包含一个数字</span>
                </p>
            </li>
        </ul>
        <div>
            <ul>
                <li>
                    <p>
                        敬请阅读我们完整的
                        <a href="">隐私政策</a>
                    </p>
                    <p>以下是政策的关键信息，请您务必了解</p>
                    <h3>阅读更多</h3>
                </li>
                <li>
                    <p>当您选择“建立我的个人账户”，您即确认您已同意我们的<a>隐私政策</a>及<a>服务条款</a>,且您希望建立SAINT LAURENT的个人账户。</p>
                </li>
                <li>
                    <button type="submit" class="add_self" disabled>建立我的个人账户</button>
                </li>
                <li>
                    <p>当您建立您的SAINT LAURENT个人账户时，您即确认您在居住国已达到法定同意年龄（或，如您未达法定同意年龄，您确认您的家长或法定监护人亦同意您的注册）.</p>
                </li>
            </ul>
        </div>
        </form>
        </div>
        <div class="center_right">
        <div>
            <input type="text" placeholder="查找">
            <i class="iconfont icon-cuowu cancle"></i>
            <ul>
                <p>热门推荐</p>
                <li><a href="">鞋子</a></li>
                <li><a href="">帽子</a></li>
                <li><a href="">裙子</a></li>
            </ul>
        </div>
        </div>
        <div class="even"></div>
        <div class="car">
        <div class="car_top">
            <p class="t_count">共一件</p>
            <i class="iconfont icon-cuowu quxiao"></i>
        </div>
        <div class="car_center">
            <div class="center_warpper">
                <div class="list_warpper">
                    <!-- <div class="list">
                            <p>
                                <input type="checkbox">
                            </p>
                            <p>
                                <img src="" alt="">
                            </p>
                            <div class="list_content">
                                <p>
                                    <span>蓝色大理石粉色低腰牛仔裤</span>
                                    <span>￥&nbsp;5,900</span>
                                </p>
                                <div class="content1">
                                    <p>蓝色</p>
                                    <p>25码</p>
                                    <div class="con">
                                        <span>数量</span>
                                        <p>
                                            <a href="#">-</a>
                                            <a href="#">1</a>
                                            <a href="#">+</a>
                                        </p>
                                    </div>
                                    <div class="btn">
                                        <button>删除</button>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                </div>
                <div class="footer_warpper">
                    <div class="total_info">
                        <div class="all_select">
                            <input class="All_choose" type="checkbox">
                            <label for="">全选</label>
                        </div>
                        <p>
                            <span>合计</span>
                            <span class="summation">￥00.00</span>
                        </p>
                    </div>
                    <div class="pay_btn">
                        <button>结算</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="right"></div>
    </div>
    <div class="bottom_box"></div>
    <script src="../js/left_nav.js"></script>
    <script src="../js/right_nav.js"></script>
    <script src="../js/bottom_nav.js"></script>
    <script src="../js/car.js"></script>
</body>

</html>